@@include("./common/_menu.js")
@@include("./common/_popWindow.js")
$(".more").on("click",function(){
		if($(this).hasClass("down")){
			$(this).parent().addClass("div-ellipsis");
			$(this).removeClass("down").text("View More");
		} else {
			$(this).addClass("down").text("Roll Up");
			$(this).parent().removeClass("div-ellipsis");
		}
	})
$(".view-more").on("click",function(){
	if($(this).hasClass("down")){
		$(this).parent().addClass("detail-ellipsis");
		$(this).removeClass("down").html("View More<i></i>");
	} else {
		$(this).addClass("down").html("Roll Up<i></i>");
		$(this).parent().removeClass("detail-ellipsis");
	}
})
var $quickList = $(".quick-list");
var length = $(".column-product-right>.production-detail").length;
var height = $quickList.offset().top;
$(".quick-list li").on("click",function(){
	var index = $(this).index();
	var top  = $(".column-product-right .production-detail")[index].offsetTop + 80;
	$("html,body").animate({scrollTop:top},500);
})
@@include("./common/_infiniteScroll.js")
$(window).on('scroll',function(){
	if($(window).scrollTop()>height - 80 && $(window).scrollTop()<$('.recommend-foryou').offset().top - $(window).height() + 112){
		if(!$quickList.hasClass("fixed")){
			$quickList.addClass("fixed").css({
				"left":($(window).width()-1180)/2
			});
		}	       	
	} else {
		$quickList.removeClass("fixed").attr("style","");
	}
	for(var i = length-1;i>=0;i--){
		if($(window).height()*2/3+$(window).scrollTop()>$(".column-product-right>.production-detail").eq(i).offset().top && $(window).scrollTop()<$(".column-product-right>.production-detail").eq(i).offset().top+$(".column-product-right>.production-detail").eq(i).height()){
			$(".current.quick-list").find("li").eq(i).addClass("current").siblings().removeClass("current");
			break;
		}
	}  
})
